<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" session="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
    <META HTTP-EQUIV="Expires" CONTENT="0">
    <title>银行卡管理</title>

    <link href="${pageContext.request.contextPath}/static/css/common.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/css/bootstrap.min.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/font-awesome-4.3.0/css/font-awesome.min.css"
          rel="stylesheet">
    <!-- jqgrid-->
    <link href="${pageContext.request.contextPath}/static/plugins/jqGrid/css/custom.ui.jqgrid.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/layer/skin/layer.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/jqGrid/css/style.css" rel="stylesheet">

    <script src="${pageContext.request.contextPath}/static/js/jquery-1.11.3.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/jquery.form.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/common.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/jqGrid/js/i18n/grid.locale-cn.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/jqGrid/js/minified/jquery.jqGrid.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/layer/layer.js" type="text/javascript"></script>
    <script src="${pageContext.request.contextPath}/static/js/global.js"></script>
	<script src="${pageContext.request.contextPath}/static/plugins/select2-4.0.0/dist/js/select2.min.js"></script>
	<script type="text/javascript"
            src="${pageContext.request.contextPath}/static/plugins/My97DatePicker/WdatePicker.js"></script>

    <style type="text/css">
        .main h5 a {
            position: absolute;
            right: 20px;
            font-size: 14px;
            bottom: 0px;
            display: inline-block;
            padding: 5px;
        }

        .table_list tbody tr {
            height: 35px;
            text-align: center;
        }
        .div1{
           margin-top: 16px;
    		border: solid #CCCCCC;
    		border-width: 1px 0px 0px 0px;
        }
        .td3{
        	border:solid #CCCCCC; 
        	border-width:0px 1px 1px 0px; 
        	padding:10px 0px; width: 30%;
        	height: 120px;
        	}
        .enjoyA{
        	    color: orangered;
        	    font-size: 25px;
        	    margin-left: 26px;
        }
        .enjoyA:hover{color: orangered;}
        .enjoyB{
        	    color: #CCCCCC;
        	    font-size: 18px;
        	    margin-left: 26px;
        }
        .name1{
        	font-size: 20px;
        	margin-left: 12px;
        }
		.left ul li{
			
			*line-height:40px;
			
			*padding-left:20px;
		}
		*{box-size:border-box;}
		.left ul li a, .left ul li a:hover{
			*color:#fff;
		}
		.list-tab li{
			*+padding:0px 10px 10px;
		}
		
		.btn{
			*width:65px;
			*+padding:4px 0;
			*+padding-left:0;
			*+font-size:14px;
		}
		.name1 .btnn{
			*width:102px;
		}
		.lt{
			float:left;
		}
		.ui-pg-button{
			*background:#ccc;
		}
		.col-md-3{
			*width:100px;
		}
		.form-group{
			*overflow: hidden;
		}
		.pagination{
			*margin-left:50%;
		}
		.wrapper{
			*margin-left:270px;
		}
		#rName{
			*padding:0;
		}
		.wallet{
			font-size:20px;
			color:#111;
		}
		.wallet span{
			color:red;
			font-size:14px;
		}
		.rt{
			float:right;
		}
		.wallet span span{
			font-size:26px;
		}
		.child{
			margin-right:10px;
			font-size:14px;
		}
		.name1 span{
		  margin-right:8px;
		}
		.name1 span span{
		  margin-left:2px;
		}
		.name1 .spa{
			font-size:22px;
			color:red;
			margin-right:10px;
		}
		.card{
			width:260px;
			width:250px\9;
			height:150px;
			line-height:150px;
			text-align:center; 
			border:1px dashed #ccc;
			margin:10px 30px;
			margin:10px\9;
		}
		.card2{
			width:260px;
			width:250px\9;
			height:150px;
			text-align:center; 
			border:1px solid #ccc;
			margin:10px 30px;
			margin:5px\9;
			
		}
		.card2:hover{
			box-shadow: 1px 1px 2px 2px #888;
			
		}
		.header{
			width:100%;
			overflow:hidden;
			padding:0 10px;
			
		}
		img{
			vertical-align:middle;
			padding-right:10px;
		}
		
		.center{
			padding:26px 0 26px 0;
			height:73px;
		}
		.center div{
			height:30px;
			line-height:30px;
			font-size:14px;
			
			width:78px;
			
		}
		.cent_div{
			color:#fff;
			border-radius:4px 0 4px 4px;
			background:#a965be;
		}
		.foot{
			height:30px;
			background:#f3f3f3;
		}
		.sjx{
			position:relative;
			top:26px;
			top:42px\0;
			left:-44px;
			left:-41px\9;
		    height: 0;
		    border-width:10px 5px 10px 5px;
		    border-right: 14px solid transparent;
		    border-right: 10px solid transparent\9;
		    border-top: 27px solid #a965be;
		     border-top: 29px solid #a965be\0;
		}
		.del{
			cursor:pointer;
		}
    </style>
</head>
<body view="menu-item-4142">
<jsp:include page="top.jsp"></jsp:include>
<div class="right">
<div class="wrapper">

        <div class="panel panel-default" style=";height:600px;box-size:bordeer-box;">
              <div style="border-bottom:1px solid #ccc;overflow:hidden;padding:10px 20px;line-height:34px;">
              		 <div style="float:left">银行卡管理</div>
		  			<input type="button"  class="inButton btn btn-info" value="添加银行卡 " style="float:right;">
              </div>
              <div  style="padding:30px 0px;overflow:hidden;">
              	<div class="card lt">
              		暂未绑定快捷卡
              	</div>
              	<div class="card2 lt" id="aaa">
              		<div class="header">
              			<div style="border-bottom:1px dashed #ccc;overflow:hidden;padding:10px;">
              				<div class="bankname lt"><img src="${pageContext.request.contextPath}/static/images/admin/wallet/loge_03.jpg"/>工商银行</div>
              				<div class="banknumber rt">尾号<span>2556</span></div>
              			</div>
              		</div>
              		<div class="center" id="bbb" style="border-bottom:1px solid #dbdbdb;position:relative;">
              			<div class="lt cent_div">储蓄卡</div>
              			<div class="rt del" onclick="delThis(this)">删除</div>
              			<span class="sjx"></span>
              		</div>
              		<div class="foot"></div>
              	</div>
              <div class="card2 lt" id="aaa">
              		<div class="header">
              			<div style="border-bottom:1px dashed #ccc;overflow:hidden;padding:10px;">
              				<div class="bankname lt"><img src="${pageContext.request.contextPath}/static/images/admin/wallet/loge_03.jpg"/>工商银行</div>
              				<div class="banknumber rt">尾号<span>2556</span></div>
              			</div>
              		</div>
              		<div class="center" id="bbb" style="border-bottom:1px solid #dbdbdb;position:relative;">
              			<div class="lt cent_div">储蓄卡</div>
              			<div class="rt del" onclick="delThis(this)">删除</div>
              			<span class="sjx"></span>
              		</div>
              		<div class="foot"></div>
              	</div>
              	<div class="card2 lt" id="aaa">
              		<div class="header">
              			<div style="border-bottom:1px dashed #ccc;overflow:hidden;padding:10px;">
              				<div class="bankname lt"><img src="${pageContext.request.contextPath}/static/images/admin/wallet/loge_03.jpg"/>工商银行</div>
              				<div class="banknumber rt">尾号<span>2556</span></div>
              			</div>
              		</div>
              		<div class="center" id="bbb" style="border-bottom:1px solid #dbdbdb;position:relative;">
              			<div class="lt cent_div">储蓄卡</div>
              			<div class="rt del" onclick="delThis(this)">删除</div>
              			<span class="sjx"></span>
              		</div>
              		<div class="foot"></div>
              	</div>
              	<div class="card2 lt" id="aaa">
              		<div class="header">
              			<div style="border-bottom:1px dashed #ccc;overflow:hidden;padding:10px;">
              				<div class="bankname lt"><img src="${pageContext.request.contextPath}/static/images/admin/wallet/loge_03.jpg"/>工商银行</div>
              				<div class="banknumber rt">尾号<span>2556</span></div>
              			</div>
              		</div>
              		<div class="center" id="bbb" style="border-bottom:1px solid #dbdbdb;position:relative;">
              			<div class="lt cent_div">储蓄卡</div>
              			<div class="rt del" onclick="delThis(this)">删除</div>
              			<span class="sjx"></span>
              		</div>
              		<div class="foot"></div>
              	</div>
              
              	
              	
              </div>
         </div>
	</div>
	<script>
		function delThis(btnThis){
			var btn=btnThis;
			var father=$(btn).parent().parent();
			father.remove();
	}
	</script>
</body>
</html>
